import Vue from 'vue' // 引入vue
import SvgIcon from '@/components/SvgIcon'// 导入svg图标组件

// vue全局注册组件 叫'svg-icon'的 组件
Vue.component('svg-icon', SvgIcon)

// require.context() 自动导入某个文件匹配的多个文件 webpage的api
// 参数1 自动读取的文件夹的路径
// 参数2 是否遍历子目录
// 参数3 匹配规则
// 作用 自动化导入svg文件夹下的svg图形文件
const req = require.context('./svg', false, /\.svg$/)
// console.dir(req) req是一个函数
// console.log(req)
// req=requireContext

const requireAll = requireContext => {
  // console.log(requireContext.keys()) // ['./dashboard.svg', './example.svg', './eye-open.svg', './eye.svg', './form.svg', './link.svg', './nested.svg', './password.svg', './table.svg', './tree.svg', './user.svg']

  // 把每个路径取出来 传入给requireContext这个函数体内执行
  // 作用就是为了让每个svg文件被导入到webpack中当作模块生效
  return requireContext.keys().map(requireContext)
}
requireAll(req)
